.flex{
  display:flex;
}
.d-flex{
  display: flex;
}
.flex-column{
  flex-direction: column;
}
.mg12{
  margin:12px;
}
.mb4{
  margin-bottom:4px;
}
.mt4{
  margin-top:4px;
}
.pd4{
  padding:4px;
}
.pd2{
  padding:2px;
}
.pd12{
  padding:12px;
}
.mr12{
  margin-right:12px;
}
.mlauto{
  margin-left:auto;
}
.ml12{
  margin-left:12px;
}
.ml4{
  margin-left:4px;
}
.pl12{
  padding-left:12px;
}
.pl8{
  padding-left:8px;
}
.pl4{
  padding-left:4px;
}
.pl2{
  padding-left:2px;
}
.h4{
  height:4px;
}
.h8{
  height:8px;
}
.h9{
  height:9px;
}
.h12{
  height:12px;
}
.h20{
  height:20px;
}
.h24{
  height:24px;
}
.h29{
  height:29px;
}
.font12{
  font-size:12px !important;
}
.font15{
  font-size:15px !important;
}
.font16{
  font-size:16px !important;
}
.font17{
  font-size:17px !important;
}
.font18{
  font-size:18px !important;
}
.font20{
  font-size:20px !important;
}
.font24{
  font-size:24px !important;
}
.font64{
  font-size:64px !important;
}
.wd150{
  width:150px !important;
}
.wd160{
  width:160px !important;
}
.wd180{
  width:180px !important;
}
.wd200{
  width:200px !important;
}
.wd100{
  width:100px !important;
}
.wd300{
  width:300px !important;
}
.extra-card .el-card{
  margin-bottom:12px;
}
.extra-card .el-card__header{
  padding:6px 8px;
}
.clearfix {
  &:after {
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
    content: " ";
  }
}
.span-block{
  display: inline-block; 
  width: 100%; 
  margin: 4px 0
}
.labelClass{
  width:80px;
  font-weight:bold;
  color:#333 !important;
  text-align: right;
}
.contentClass{
  width:112px;
}

.intelirri .el-main{
  padding:0;
}

.vab-theme-blue-black .el-collapse-item__header{
  font-weight:bold;
}
.align-items-center{
  align-items: center;
}
.text-align-center{
  text-align: center;
}
.flex-column{
  flex-direction: column;
}
.flex-row{
  flex-direction: row;
}

.ele-table-tool {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.ele-table-tool-default {
  box-sizing: border-box;
  padding-left:15px;
  margin-bottom: 0;
  background-color: #fafafa;
  border: 1px solid #ededed;
  border-bottom: none;
}
.color-item{
  display:inline-block;
  width:12px;
  height:12px;
}
.color-white{
  color:#fff !important;
}
.color-primary{
  color:#1890ff !important;
}
.color-info{
  color:#f56c6c !important;
}
.color-black{
  color:#000 !important;
}
.color-success{
  color:#13ce66 !important;
}
.color-warning{
  color:#FFBA00 !important;
}
.color-danger{
  color:#ff4949 !important;
}

.bg-primary{
  background:#1890ff !important;
}
.bg-primary-plain{
  background:#ecf5ff !important;
}
.bg-info{
  background:#f56c6c !important;
}
.bg-info-plain{
  background:#fef0f0 !important;
}
.bg-black{
  background:#000 !important;
}
.bg-success{
  background:#13ce66 !important;
}
.bg-success-plain{
  background:#c2e7b0 !important;
}
.bg-warning{
  background:#FFBA00 !important;
}
.bg-warning-plain{
  background:#fdf6ec !important;
}
.bg-danger{
  background:#ff4949 !important;
}
.bg-danger-plain{
  background:#fbc4c4 !important;
}

.tip {
    padding: 16px 16px;
    margin-top: 12px;
    font-size:14px;
    color:#F56C6C;
    background-color: #ecf8ff;
    border-left: 5px solid #50bfff;
    border-radius: 4px;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
  background-color: #1890ff;
  border-color: #1890ff;
}
.vab-theme-blue-black .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
  background-color: #1890ff;
  border-color: #1890ff;
}

.ele-table-tool-default {
  box-sizing: border-box;
  padding: 10px 15px;
  margin-bottom: 0;
  background-color: #fafafa;
  border: 1px solid #ededed;
  border-bottom: none;
}
.vab-theme-blue-black{
  .el-table{
    tr{
      &.warning-row{
        background: oldlace;
      }
      &.success-row{
        background: #f0f9eb;
      }
      &.danger-row{
        background: #fef0f0;
      }
    }
  }
}

.fieldset {
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 2px;
  legend {
    padding: 0 8px;
    font-weight: bold;
  }
}

.font-bold{
  font-weight:bold !important;
}

.no-header-dialog {
  .el-dialog__header {
    display: none !important;
  }
  .el-dialog__body {
    padding: 20px;
  }
}

.el-descriptions--small.is-bordered .el-descriptions-item__cell {
  padding: 8px 6px !important;
}

.el-table .cell {
  line-height: 16px !important;
}

.el-form-item--small.el-form-item{
  margin-bottom:12px !important;
}

.el-divider--horizontal {
  margin: 8px 0 24px 0 !important;
}

fieldset{
  padding:8px 16px;
  background:#fafafa;
  border:1px solid #ddd;
  border-radius:2px;
}
legend {
  padding: 6px 12px;
  color: #fff;
  background-color: #999;
  border-radius:2px;
}
.stroke{
  margin-bottom:-4px;
  color: transparent;
  -webkit-text-stroke: 4px #000;
  -moz-text-stroke: 4px #000;
  text-stroke: 4px #000;
}


.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  // background-color: $--border-color-extra-light;
  // border-color: $--border-color-base;
  background-color: #1890ff !important;
  border-color: #1890ff !important; 
}
.percent50{
  float:left;
  width:50% !important;
}
.percent25{
  float:left;
  width:25% !important;
}
.percent16 {
  float:left;
  width: 16.6666666667%;
}
.percent33 {
  float:left;
  width: 33.3333333333%;
}
